﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>门票详情</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=P6VrB5UEVvbu1wifaYtlMF2BDpgG13oX"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
</head>
<body class="xx">
<div class="statusbar-overlay">
</div> 
<div class="panel-overlay">
</div>
<div class="views">
    <div class="view view-main">
        <!-- 景详情页 -->
        <div class="pages navbar-fixed toolbar-through">
            <div id="ticket_detail_page" data-page="ticketDetail" class="page bg-white comdetail">
                <!-- navbar 开始 -->
                <div class="navbar theme-white">
                    <div class="navbar-inner">
                        <div class="left">
                            <a href="#" class="link" data-href="ticket.html" data-action="back"><i class="icon icon-back">
                            </i><span>返回</span></a></div>
                        <div class="center">
                            景区详情</div>
                        <div class="right">
                        </div>
                    </div>
                </div>
                <!--<div class="imgList-list popup popup-login" style="display:none">
                    <p style="width:100%;height:44px;background-color:#296fb1;line-height:44px;text-align:center;">
                        <img class="popup-back" src="../../assets/images/base/arrow_return.png" style="width: 12px;height:20px;margin-left:10px;padding-top:11px;float: left"/>
                        <span class="popup-title" style="font-size:17px;font-weight:500;color:white;"></span>
                    </p>
                </div>-->
                <!-- navbar 结束 -->
                <!-- navbar page-content -->
                <div class="page-content page-content-scenic-detail">
                    <script id="template_scenic_scenery_detail" type="text/template7">
                        <!--banner begin-->
                        <div id="swiper" class="swiper-container swiper-ticketDetail scenic">
                            <div class="swiper-wrapper">
                                {{#js_compare "this.getImage.imageList.length>0"}}
                                {{#each this.getImage.imageList}}
                                <!-- Lazy image -->
                                <div class="swiper-slide" style="background-image: url({{middleImgSrc}});">
                                </div>
                                {{/each}}
                                {{/js_compare}}
                            </div>
                            <!--遮罩-->
                            <div class="mask"></div>
                            <div class="detail-tit">
                                <h2>{{cnName}}</h2>
                                <!--<p>有“天下第一峡”之美誉，峡谷如刀削斧劈，奇石兀立，海棠满沟，花草遍山。倘徉其间，犹如进入了浓墨重彩的百里画廊。</p>
                                <a href="#">景区导览</a>-->
                            </div>
                        </div>
                        <!--banner end-->

                        <div class="info-box">
                            <!--<div class="content-block-title">地址</div>-->
                            <div class="content-block content-block-other">
                                <div style="width: 100%;padding-bottom: 15px;border-bottom: 1px solid #ddd;display: -webkit-flex;display: flex;align-items:center">
                                    <em class="address"></em>
                                    <span>{{address}}</span>
                                </div>
                            </div>
                            <!--<div class="content-block-title">电话</div>-->
                            <div class="content-block content-block-other">
                                <div style="width: 100%;padding-bottom: 15px;border-bottom: 1px solid #ddd;display: -webkit-flex;display: flex;align-items:center">
                                    <em class="telephone"></em>
                                    <span>{{telephone}}</span>
                                </div>
                            </div>
                            <!--<div class="content-block-title">营业时间</div>-->
                            <div class="content-block content-block-other">
                                <div style="width: 100%;padding-bottom: 15px;display: -webkit-flex;display: flex;align-items:center">
                                    <em class="businesTime"></em>
                                    <span>{{businesTime}}</span>
                                </div>
                            </div>
                            <div class="two-row"></div>
                        </div>

                        <!--style="display:none"-->

                        <div class="info-box other-book" id="other-book" style="display:none">
                            <div class="one-row">
                                <div class="content-block-title">
                                    <em class="book"></em>
                                    <span>门票</span>
                                </div>
                                {{#each this.getTicket}}
                                <div style="display: -webkit-flex;display: flex;">
                                    <div style="flex:3">
                                        <div style="font-size: 15px;margin-left: 49px;margin-bottom: 10px;color: #666;">
                                            {{name}}
                                        </div>
                                        <div style="font-size: 15px;margin-left: 49px;margin-bottom: 10px;color: #999;">
                                            <span style="color: #ef6757;font-size: 20px;">
                                                ¥{{salePrice}}
                                            </span>
                                            {{#js_compare "this.salePrice != this.listingPrice"}}
                                            <span style="text-decoration: line-through;margin-left: 10px;">
                                                ¥{{listingPrice}}
                                            </span>
                                            {{/js_compare}}
                                        </div>
                                    </div>
                                    <div style="flex:1">
                                        <div style="background-color: #ef6757;margin-right: 15px;text-align: center;padding-bottom: 5px;padding-top: 5px;border-radius: 5px;color: white;">
                                            <a href="#" class="btn-booking" data-action="fw7" style="color: white;" data-href="../../view/booking/ticketBooking.html?ticket_guid={{CODE}}&shop_guid={{shopNo}}&name={{name}}&saleprice={{salePrice}}&listingPrice={{listingPrice}}">立即预订</a>
                                        </div>
                                    </div>
                                </div>
                                {{/each}}
                            </div>
                            <div class="two-row"></div>
                        </div>


                        <div class="info-box">
                            <div class="content-block-title">
                                <em class="introduce"></em>
                                <span>景区简介</span>
                            </div>
                            <div class="content-block">
                                {{#js_compare "this.shortsummary!=''"}}
                                <p  class="short">{{shortsummary}}</p>
                                <p style="display:none" class="all">{{summary}}</p>
                                <a href="#" class="more">查看全部<i class="iconfont icon-gengduo"></i></a>
                                {{else}}
                                <p>{{summary}}</p>
                                {{/js_compare}}
                            </div>
                            <div class="content-block">
                                <iframe id="map" style="width: 100%; height: 180px; display: block;" src="../../view/map/mapIframe.html?name={{cnName}}&lng={{longitude}}&lat={{latitude}}" frameborder="0" scrolling="no"></iframe>
                            </div>
                            <div class="two-row"></div>
                        </div>

                        <!--原来的-->
                        <!--<div class="list-block">
                        {{#js_compare "this.getAttractions.length > 0 "}}
                            <div class="content-block-title">子景区</div>
                            <div style="padding:0 15px;">
                                <div class="swiper-container swiper-3">
                                    <div class="swiper-wrapper">
                                    {{#each getAttractions}}
                                        <div class="swiper-slide">
                                            <a class="link_scenic_point_detail" data-action="fw7" data-href="ticketDetail.html?ticketdetail_code={{code}}" href="#" >
                                                <img class="swiper-slide-img" src="{{getImage.middleImageFrontUrl}}" />
                                                <p>{{cnName}}</p>
                                            </a>
                                        </div>
                                    {{/each}}
                                    </div>
                                </div>
                            </div>

                        {{else}}
                            {{#js_compare "this.getScenery.length > 0"}}
                                <div class="content-block-title">子景点</div>
                                <div style="padding:0 15px;">
                                    <div class="swiper-container swiper-3">
                                        <div class="swiper-wrapper">
                                        {{#each getScenery}}
                                            <div class="swiper-slide">
                                                <a class="link_scenic_point_detail" data-action="fw7" data-href="ticketDetail02.html?ticketdetail02_code={{code}}" href="#" >
                                                    <img class="swiper-slide-img" src="{{getImage.middleImageFrontUrl}}" />
                                                    <p>{{cnName}}</p>
                                                </a>
                                            </div>
                                        {{/each}}
                                        </div>
                                    </div>
                                </div>
                            {{/js_compare}}
                        {{/js_compare}}
                        </div>-->

                        {{#js_compare "this.getAttractions.length > 0 "}}
                        <div class="info-box">
                            <!--scenic.png-->
                            <div class="content-block-title">子景区</div>
                            <div class="content-block">
                                <div class="row">
                                    {{#each getAttractions}}
                                    <a href="#" class="col-33" data-action="fw7" data-href="../../view/booking/ticketDetail.html?ticketdetail_guid={{code}}">
                                        <div class="spot-img" style="background-image:url({{getImage.smallImageFrontUrl}})"></div>
                                        {{cnName}}
                                    </a>
                                    {{/each}}
                                </div>
                            </div>
                        </div>
                        {{else}}
                        {{#js_compare "this.getScenery.length > 0"}}
                        <div class="info-box">
                            <div class="content-block-title">
                                <em class="scenic"></em>
                                <span>子景点</span>
                            </div>
                            <div class="content-block">
                                <div class="row">
                                    {{#each getScenery}}
                                    <a href="#" class="col-33" data-action="fw7" data-href="../../view/booking/ticketDetail02.html?ticketdetail02_guid={{code}}">
                                        <div class="spot-img" style="background-image:url({{getImage.smallImageFrontUrl}})"></div>
                                        {{cnName}}
                                    </a>
                                    {{/each}}
                                </div>
                            </div>
                        </div>
                        {{/js_compare}}
                        {{/js_compare}}
                    </script>
                    <div style="margin:30% 30% 0 45%">
                        <span style="width:42px; height:42px" class="preloader"></span>
                        <br />
                        加载中...
                    </div>
                </div>
                <img class="freehand" src="../../assets/images/images-yuqing/elements/freehand_map.png" style="position: absolute;right: 0;bottom: 45px;z-index: 100;height: 50px;display:none"/>
                <!-- end page-content -->
                <div class="toolbar" style="background-color:white;line-height:44px;display:none">
                    <div class="toolbar-inner" style="padding:0;">
                        <div class="sumprice" style="width:60%;height:44px;text-align:center;color:#cccccc">
                            暂无门票
                        </div>
                        <div class="ticketOrder" style="background-color:#ef5848;text-align:center;width:40%;height:44px;color:white">立即预订</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end view-main-->
<!-- 外部链接 -->
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<!-- Framework7 Library JS-->
<script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
<!-- Api -->
<script type="text/javascript" src="../../assets/js/base/iss_api_jquery.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/base/mobiscroll.jquery.min.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/third/openlayers/ol.js?time=20171213174312"></script>
<!-- App js-->
<script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/map/MapIframe/IframeForGoto.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_app_common_orders.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_booking_ticket.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_booking_tourist.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_booking_payresult.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_wxpay_service.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/common/iss_view_image_list.js?time=20171213174312"></script>
<script type="text/javascript" src="../../assets/js/js-yuqing/iss_view_guid.js?time=20171213174312"></script>
</body>
</html>
